<script lang="ts" setup>
defineOptions({ name: 'CellGenderIcon' })

withDefaults(defineProps<{
  gender?: number
}>(), {
  gender: 1,
})
</script>

<template>
  <icon-man v-if="gender === 1" :size="16" :style="{ color: '#165DFF' }" />
  <icon-woman v-else-if="gender === 2" :size="16" :style="{ color: '#FF0088' }" />
</template>

<style lang="less" scoped></style>
